@media only screen and (max-width:1205px) {
	.service-view {
		background-image: none;
	}
	.service-view .sv1 {
		top: 260px;
		left: 5%;
	}
	.service-view .sv2 {
		top: 380px;
		left: 20%;
	}
	.service-view .sv3 {
		top: 140px;
		left: 35%;
	}
	.service-view .sv4 {
		top: 295px;
		left: 50%;
	}
	.service-view .sv5 {
		top: 150px;
		left: 65%;
	}
	.service-view .sv6 {
		top: 335px;
		left: 80%;
	}
	.mobile-con1 ul li p {
		font-size: 16px;
	}
	.visual1 .visual-con {
		width: 90%;
	}
}

@media only screen and (max-width:1185px) {
	.contact form {
		display: none;
	}
	address.english {
		display: block;
	}
	.contact .contact-detail {
		width: 70.5%;
		margin-left: 0;
	}
	.contact ul li em {
		display: none
	}
	.news-list li {
		width: 30%;
		margin-left: 2.5%;
	}
	.extend-con pre {
		right: 39%;
	}
	.extend-pic3 {
		right: 30.5%;
	}
	.site-tech-right {
		float: left;
		width: 80%;
	}
	.site-tech-right ul {
		float: left;
	}
	.site-tech {
		padding-left: 25%;
	}
}

@media only screen and (max-width:1040px) {
	.top-banner {
		display: none;
	}
	.case-list li {
		width: 20%;
		margin-left: 4%;
	}
	.service-content .friend li {
		width: 13.8%;
	}
	.content-banner .banner-title {
		position: absolute;
		left: 42px;
		top: 30%;
	}
	.moblie-banner-title h3 {
		font-size: 28px;
	}
	.moblie-banner-title h4 {
		font-size: 20px;
	}
	.moblie-banner-title p {
		font-size: 16px;
	}
}

@media only screen and (max-width:1024px) {
	.case {
		height: auto;
	}
	.case-wrapper {
		width: 100%;
	}
	.case-slider-btn {
		display: none;
	}
	.case h3 {
		height: 16.7%;
	}
	.case h3 a {
		width: 25%;
		height: 100%;
	}
	.case-lg {
		width: 75%;
		height: 33.4%;
	}
	.case-lg img {
		width: 100%;
		height: auto;
	}
	.case-sm {
		width: 50%;
		height: 16.7%;
	}
	.case-sm img {
		width: 100%;
		height: auto;
	}
	.case-con {
		width: 50%;
		height: 100%;
	}
	.case-lg .case-con {
		width: 33.333%;
		height: 100%;
	}
	.case-slider-btn-focus {
		display: none;
	}
	.case-slider-btn-bg {
		display: none;
	}
	.case-lg-1 {
		top: 16.7%;
		left: 0;
	}
	.case-lg-2 {
		top: 33.4%;
		left: 50%;
	}
	.case-lg-2 .ico2 {
		display: none
	}
	.case-lg-3 {
		top: 66.8%;
		left: 0px;
	}
	.case-sm-1 {
		top: 0;
		left: 25%;
	}
	.case-sm-2 {
		top: 50.1%;
		left: 0;
	}
	.case-sm-3 {
		top: 83.5%;
		left: 50%;
	}
	.case-sm-4 {
		top: 16.7%;
		left: 75%;
	}
	.case-sm-4 .ico2 {
		display: none
	}
	.case-sm-6 {
		top: 0;
		left: 75%;
	}
	.case-sm-5 {
		top: 66.8%;
		left: 75%;
	}
	.company strong {
		font-size: 22px;
	}
	.company ul {
		padding-top: 5%;
	}
	.company ul li {
		width: 19.3%;
		padding: 0 18.5% 4% 0;
	}
	.company ul li a {
		width: 100%;
	}
	.news-con-top {
		width: 48%;
	}
	.news-show-list ul li {
		width: 48%;
		margin-right: 2%;
	}
	.news-select-left {
		right: -3%;
	}
	.news-select-right {
		right: -3%;
	}
	.contact h5 {
		font-size: 28px;
	}
	.extend ul {
		width: 80%;
	}
	.extend ul li {
		width: 33.3%;
		float: left;
		height: 110px;
		text-align: center;
	}
	.extend-con-plan ul {
		width: 23%;
	}
	.extend-con-plan ul li {
		width: 100%;
		height: auto;
		text-align: left;
	}
	.case-sm-6 .fr,.case-sm-5 .fr {
		float: left
	}
	.content-banner .moblie-banner-title {
		left: 38%;
	}
	.moblie-banner-title h3 {
		font-size: 26px;
	}
	.moblie-banner-title h4 {
		font-size: 18px;
	}
	.moblie-banner-title p {
		font-size: 14px;
	}
	.shop8-bottom {
		display: none
	}
}

@media only screen and (max-width:1010px) {
	.service li {
		width: 42.5%;
		margin-left: 5%;
	}
	.job-pid {
		display: none;
	}
	.mobile-con1 ul {
		width: 85%;
	}
}

@media only screen and (max-width:890px) {
	.site-con4 {
		width: 400px;
	}
	.site-con4 p {
		margin: 0;
	}
	.site-con4 div {
		margin-top: 20px;
	}
	.site-con4 img {
		display: none;
	}
	.shop4-top,.shop5-top,.shop6,.shop8-top {
		width: 90%;
	}
	.shop7 ul {
		width: 500px;
	}
	.content-banner .banner-title {
		position: absolute;
		left: 42px;
		top: 20%;
	}
	.content-banner .extend_title {
		top: 30%
	}
	.contact form {
		display: block;
		margin-right: 2%;
		width: 25%
	}
	.contact .contact-detail {
		width: 43%;
		margin-left: 0;
	}
	.contact .contact-detail address.english {
		display: none
	}
}

@media only screen and (max-width:860px) {
	.company h3 {
		line-height: 150px;
	}
	.company strong {
		font-size: 20px;
		padding: 40px 0 0 0;
	}
	address.english {
		display: none;
	}
	.news-list li {
		width: 45%;
		margin-left: 3.33%;
	}
	.service-content .friend li {
		width: 16%;
	}
	.service-view .service-re {
		display: none;
	}
	.extend-con pre {
		right: 31%;
	}
	.extend-pic3 {
		right: 17.5%;
	}
	.shop1 {
		background: none;
		height: auto;
	}
	.shop1 span {
		margin-bottom: 50px;
	}
	.shop1 div {
		overflow: hidden;
		width: 88%;
		height: auto;
		padding-bottom: 20px;
		overflow: hidden;
		margin-left: 6%;
	}
	.shop1 h3 {
		margin-top: 0px;
	}
	.shop1-left {
		margin-top: 0px;
	}
	.shop1-cen {
		margin-top: 0px;
	}
	.shop1-right {
		margin-top: 0px;
	}
	.extend-con-plan img {
		margin-left: 2%;
	}
}

@media only screen and (max-width:795px) {
	header h1 {
		width: 90px;
		background-position: -40px 0;
	}
	header nav {
		padding: 35px 0 0 95px;
	}
	#baidu_map {
		display: none
	}
	.case h3 a {
		width: 33.3%;
	}
	.case-lg {
		width: 100%;
	}
	.case-sm {
		width: 66.7%;
	}
	.case-lg-1 {
		top: 16.7%;
		left: 0;
	}
	.case-lg-2 {
		top: 33.4%;
		left: 100%;
	}
	.case-lg-3 {
		top: 66.8%;
		left: 0;
	}
	.case-sm-1 {
		top: 0;
		left: 33.3%;
	}
	.case-sm-2 {
		top: 50.1%;
		left: 0;
	}
	.case-sm-3 {
		top: 83.5%;
		left: 66.7%;
	}
	.case-sm-3 .fr {
		float: left;
	}
	.case-sm-4 {
		top: 33.4%;
		left: 66.7%;
	}
	.case-sm-7 {
		top: 50.1%;
		left: 66.7%;
	}
	.case-sm-7 .ico2 {
		display: none
	}
	.case-sm-5 {
		top: 0;
		left: 100%;
	}
	.case-sm-6 {
		top: 16.7%;
		left: 100%;
	}
	.case-list li {
		width: 25%;
		margin-left: 6%;
	}
	.news .news-con-top h4 {
		padding-left: 20px;
	}
	.news-con-top span {
		padding-left: 20px;
	}
	.news-con-top span.news-more {
		padding-left: 20px;
	}
	.news-con-top img {
		display: none;
	}
	.news-list .news-con-top img {
		display: block;
	}
	.news-list .news-con-top h4 {
		padding-left: 0px;
	}
	.content-banner .moblie-banner-title {
		left: 40px;
		width: auto;
		text-align: left
	}
	.moblie-banner-title h3 {
		font-size: 22px;
	}
	.moblie-banner-title h4 {
		font-size: 18px;
	}
	.moblie-banner-title p {
		font-size: 16px;
	}
}

@media only screen and (max-width:785px) {
	footer {
		height: 90px;
	}
	footer section {
		display: none;
	}
	footer address {
		width: 100%;
	}
	footer address p {
		float: left;
		display: block;
		width: 240px;
	}
	footer address .f-photo {
		padding-top: 0px;
		float: right;
		display: block;
	}
	.service-content .friend li {
		width: 19.2%;
	}
	.job-content ul li {
		width: 41%;
		margin-left: 6%;
	}
	.mobile-con3 ul {
		width: 100%;
		margin: 0 0 50px 0;
		overflow: hidden;
	}
	.mobile-con3 ul li {
		width: 26.66%;
		margin-left: 5%;
	}
	.site-content .site-con3 ul {
		width: 500px;
	}
	.site-content .site-con3 ul li {
		width: 35%;
	}
}

@media only screen and (max-width:768px) {
	.contact h5 {
		font-size: 24px;
		font-weight: 100;
	}
	.visual2 ul li,.visual4 ul li {
		width: 41%;
		margin: 0 0 20px 6%;
		float: left;
	}
}

@media only screen and (max-width:780px) {
	#BDBridgeWrap {
		visibility: hidden !important
	}
}